require('../../assets/css/public.less')
require('./mine.less');
// 引入swiper的css
require('swiper/dist/css/swiper.min.css')

//服务器地址
const API = 'http://fitness.h5.itsource.cn:3701'

// 引入swiper
const mySwiper = require('swiper')
// 引入axios
const request = require('../../lib/request/request')
//引入tabbar渲染函数
const renderTabbar = require('../../lib/tabbar/tabbar')

window.onload = () => {
    function $(sel) {
        return document.querySelector(sel)
    }

    function $a(sel) {
        return document.querySelectorAll(sel)
    }
    //渲染tabbar
    renderTabbar('mine')
    // 轮播图
    let mySwiper = new Swiper('.swiper-container', {
        autoplay: 1000,//可选选项，自动滑动
        loop: true,
        // 如果需要分页器
        pagination: '.swiper-pagination',
    })

    //获取用户信息
    function getUserInfo() {
        request.get('/api/user/info').then(res => {
            //1 解构数据
            let { errno, data } = res.data
            //2 判断
            if (errno === 0) {
                //3 处理业务逻辑
                render(data)
            }
        })
    }


    //渲染数据
    function render(data) {

        //图片渲染 服务器地址+相对路径+文件名
        avatar.src = API + data.imgUrl
        // 用户名
        nickName.textContent = data.nickName

        // 个性签名
        sign.textContent = data.sign
        // console.log(data.sign);
        // 累计打卡
        number.textContent = data.clockCount
        // 个人动态
        circlesCount.textContent = data.circlesCount
        // 总运动
        duration.textContent = data.duration
        // 本周消耗
        calorie.textContent = data.calorie
        // 徽章
        // console.log($a('#bages'));
        $a('#bages').forEach(v => {
            v.src = API + data.imgUrl
        })
    }

    //初始化获取用户信息
    getUserInfo()
}